Základní animace

Základní animace dovoluje animovat hodnotu atributu od hodnoty/do hodnoty/podobu. To znamená, že se nastaví počáteční a koncová hodnota atributu. A určí se čas během, kterého se změní počáteční hodnota na koncovou. Každá změna hodnoty se rovnoměrně rozdělí po celou dobu běhu animace. Správně se tento typ animace nazývá lineárně interpolační. Změna hodnoty je po celou dobu běhu animace konstantní . Syntaxe základní animace je: <typ_vlastnosti>Animation.

Základní animace

<DoubleAnimation Storyboard.TargetName="animovanyObdelnik"
                 Storyboard.TargetProperty="Width"
                 BeginTime="0:0:1"
                 AutoReverse ="True"
                 From="50"
                 To="250"
                 Duration="0:0:2.200"/>

DoubleAnimation – základní typ animace pro typ double
AutoReverse – na konci animace se hodnoty From/To přehodí a animace se ještě jednou spustí
From – počáteční hodnota animované vlastnosti
To – cílová hodnota animované vlastnosti
Duration – délka animace (2 sekundy a 200 milisekund)
Pokud hodnota From se nerovná hodnotě animované vlastnosti. Pak se při spuštění animace nastaví animovaná vlastnost na hodnotu From.

V ukázkové aplikaci jsou použity i další atributy ovlivňující běh animace. AccelerationRatio a DecelerationRatio zrychlí (Acc.) nebo zpomalí (Dec.) běh animace. Celkový čas animace zůstane stejný. V kapitole Spuštění animace byl použit atribut RepeatBehavior = "Forever". To nastaví opakování animace na nekonečno. Na Obrázku 4 je ukázka z aplikace DoubleAnimation. V této aplikaci si můžete vyzkoušet různá nastavení animace.

Obrázek 4 Ukázka z aplikace DoubleAnimation [zdroj: vlastní]

Ukázkové řešení: Animace/DoubleAnimation ; Animace/ColorAnimation